<div class="span3">
    <form id="albumAddFrom" name="albumAddFrom" class="well" method="post" action="">
        <label>Tên Album</label>
        <input type="text" id="albumName" name="albumName" class="span12" value="<?php echo $arrAlbum['name']; ?>"/>
        <label>Mô tả</label>
        <textarea class="span12" rows="3" name="albumInfo" id="albumInfo" class="input-xlarge"><?php echo $arrAlbum['info']; ?></textarea>
        <label>Chọn chuyên mục</label>
        <select id="cateID" name="cateID" class="span12">
            <?php foreach ($arrCategory as $cate) { ?>
            <option value="<?php echo $cate['category_id']; ?>"><?php echo $cate['title']; ?></option>
            <?php 
                if (isset($cate['child'])) {
                    foreach ($cate['child'] as $child) {
            ?>
            <option value="<?php echo $child['category_id']; ?>">-- <?php echo $child['title']; ?></option>        
            <?php
                    }
                }
            } ?>
        </select>
        <label class="checkbox">
            <input type="checkbox" id="albumStatus" name="albumStatus" <?php echo ($arrAlbum['status']==0)?'checked="1"':''; ?> /> Tạm thời không hiển thị Album này
        </label>
        <div id="albumErrorMsg" class="alert alert-error hide"></div>
        <div id="albumWaitingMsg" class="alert alert-info hide">
            <img src="/static/img/ajax-loading.gif" /> <em>Đang tạo album...</em>
        </div>
        <div class="form-actions">
            <button type="submit" id="btnAlbumAdd" class="btn btn-primary">Cập nhật</button>
            <button type="reset" class="btn">Hủy bỏ</button>
        </div>
    </form>
</div>
<div class="span9">
    <form id="fileupload" action="<?php echo base_url(); ?>upload/" method="POST" enctype="multipart/form-data">
        <div class="fileupload-buttonbar">
            <div class="fileupload-zone" id="fileupload-zone">
                <!-- The fileinput-button span is used to style the file input field as button -->
                <span class="btn btn-success fileinput-button">
                    <i class="icon-plus icon-white"></i>
                    <span>Chọn files...</span>
                    <input type="file" name="files[]" multiple id="fileinput" />
                </span>
                <p class="lead">Hoặc kéo thả hình ảnh vào đây</p>
            </div>
            <!-- The global progress information -->
            <div id="fileupload-progress" class="fileupload-progress hide">
                <!-- The global progress bar -->
                <div class="progress progress-success progress-striped active" role="progressbar" aria-valuemin="0" aria-valuemax="100">
                    <div class="bar" style="width:0%;"></div>
                </div>
            </div>
        </div>
    </form>
    <ul id="list-thumbnails" class="thumbnails hide"></ul>
</div>
<!-- The jQuery UI widget factory, can be omitted if jQuery UI is already included -->
<script src="<?php echo base_url(); ?>static/js/blueimp/vendor/jquery.ui.widget.js"></script>
<!-- The basic File Upload plugin -->
<script src="<?php echo base_url(); ?>static/js/blueimp/jquery.fileupload.js"></script>
<!-- The main application script -->
<script src="<?php echo base_url(); ?>static/js/blueimp/main.js"></script>